<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0，user-scalable=0">

    <title>小米10</title>
    <link rel="stylesheet" href="./css/小米10.css">
    <link rel="icon" href="../APP图片/logo-mi2.png">
    <script>
        !(function (win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 1080) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function () {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function (e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));

    </script>
</head>

<body>
    <div class="nav">
        <span>
            < </span>
                <span>商品</span>
                <span>详情</span>
                <span></span>
                <span>推荐</span>
                <img src="../APP图片/f2.png" alt="">
                <span>...</span>
    </div>
    <div class="nav-bottom">
        <span>商品介绍</span>
        <span>规格参数</span>
    </div>
    <section>
        <img src="../APP图片/小米10/1358dbff9472caeea204dc25e5174c53.jpg" alt="">
        <img src="../APP图片/小米10/14c9f4f56c49f9723fa80095ea8c45cd.jpg" alt="">
        <img src="../APP图片/小米10/15a46a4f9894e141632fa2d0c139912a.jpg" alt="">
        <img src="../APP图片/小米10/1a34898a895b5734464846d1ca73d5da.jpg" alt="">
        <img src="../APP图片/小米10/23fb48821cf3a0e5980eeadf7ea46d6c.jpg" alt="">
        <img src="../APP图片/小米10/24939dfb4af961bc61989aa9ecd60060.jpg" alt="">
        <img src="../APP图片/小米10/3be32d2a227af7c1eb3de43bca844245.jpg" alt="">
        <img src="../APP图片/小米10/4029f6bba5d9434b1e1ff10cc41c380e.jpg" alt="">
        <img src="../APP图片/小米10/427467af13b18a6e6ee45a6355985a2b.jpg" alt="">
        <img src="../APP图片/小米10/433f0bd503cff69f34d9c35819cb3c34.jpg" alt="">
        <img src="../APP图片/小米10/451cd890ca9a06cfc08e22a63ed4aa7f.jpg" alt="">
        <img src="../APP图片/小米10/45fbaed746f4b2ba4f537890ca2265d3.jpg" alt="">
        <img src="../APP图片/小米10/52d928317df8aaa0e344c98b7a7ce874.jpg" alt="">
        <img src="../APP图片/小米10/570df799e11ea31a6075849b869e1075.jpg" alt="">
        <img src="../APP图片/小米10/60f86af9c3b420a4c171112d8c1ca7a9.jpg" alt="">
        <img src="../APP图片/小米10/fc88fd153c1da1138fd621e00137d3e2.png" alt="">
    </section>
    <div class="sec-bottom">
        <span>猜你喜欢</span>
    </div>
    <div class="sec-pic">
        <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
            <span>Redmi Note 9 5G，高性能长续航5G手机
            </span>
            <p>￥1299 <span>起</span></p>
        </li>
        <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
            <span>Redmi Note 9 5G，高性能长续航5G手机
            </span>
            <p>￥1299 <span>起</span></p>
        </li>
        <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
            <span>Redmi Note 9 5G，高性能长续航5G手机
            </span>
            <p>￥1299 <span>起</span></p>
        </li>
        <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
            <span>Redmi Note 9 5G，高性能长续航5G手机
            </span>
            <p>￥1299 <span>起</span></p>
        </li>
    </div>
    <div class="foot">

        <li><a href="../index.html"><img src="../APP图片/f1.png" alt=""></a>
            <span><a href="../index.html">首页</a> </span>
        </li>
        <li>
            <a href="../分类/分类.html"><img src="../APP图片/f2.png" alt=""></a>
            <span><a href="../分类/分类.html">分类</a> </span>
        </li>
        <li>
            <a href="../米圈/米圈.html"><img src="../APP图片/f3.png" alt=""></a>
            <span><a href="../米圈/米圈.html">米圈</a> </span>
        </li>
        <li>
            <a href="../购物车/购物车.html"><img src="../APP图片/f4.png" alt=""></a>
            <span><a href="../购物车/购物车.html">购物车</a> </span>
        </li>
        <li>
            <a href="../我的/我的.html"><img src="../APP图片/f5.png" alt=""></a>
            <span><a href="../我的/我的.html">我的</a> </span>
        </li>
    </div>
</body>

</html>